.giftCardOrderList {
  height: 100vh;
  overflow-y: scroll;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;

  .order-item {
    width: 702px;
    height: 261px;
    background: #ffffff;
    border-radius: 20px;

    margin: 24px 24px 0 24px;
    &:first-child {
      margin-top: 28px;
    }

    .top {
      margin: 32px 0 26px 32px;
      display: flex;
      align-items: center;

      .shop-logo {
        flex-shrink: 0;

        width: 36px;
        height: 36px;
      }

      .shop-name {
        height: 40px;
        font-size: 28px;
        font-weight: bold;
        color: #000000;
        line-height: 40px;

        margin-left: 12px;
      }
    }

    .bottom {
      display: flex;
      margin: 0 25px 32px 33px;

      .card-logo {
        width: 130px;
        height: 130px;
        background: #f8f8f8;
        border-radius: 12px;

        margin-right: 25px;

        display: flex;
        justify-content: center;
        align-items: center;

        flex-shrink: 0;

        .inner-logo {
          width: 106px;
          height: 67px;
          border-radius: 2px;
        }
      }

      .order-detail {
        height: 130px;
        width: 100%;
        display: flex;
        flex-direction: column;

        .card-name {
          max-width: 364px;
          height: 40px;
          font-size: 28px;
          font-weight: 400;
          line-height: 40px;
          color: rgba(0, 0, 0, 0.85);

          overflow: hidden;
          word-break: keep-all;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        .order-time {
          height: 30px;
          font-size: 22px;
          font-weight: 400;
          color: #999999;
          line-height: 30px;

          margin-top: 8px;
        }

        .space-around-line {
          display: flex;
          justify-content: space-between;
          align-items: center;

          margin-top: 14px;

          height: 40px;
          line-height: 40px;
          font-size: 28px;

          .card-price {
            font-weight: bold;
            color: #333333;
          }

          .card-nu {
            font-weight: 400;
            color: rgba(0, 0, 0, 0.85);
          }
        }
      }
    }
  }
}
